<!--
 * @Author: your name
 * @Date: 2021-07-06 18:13:01
 * @LastEditTime: 2022-04-20 22:48:48
 * @LastEditors: ke.xue
 * @Description: In User Settings Edit
 * @FilePath: \product-display\src\page\show\about.vue
-->
<template>
  <div class="about">
    <el-divider content-position="left">公司简介</el-divider>
    <div class="aboutIcon"><img :src="aboutIcon" alt=""></div>
    <div class="companyDesc">
      <div class="descContent">
        <div class="logoBox"><img :src="bigLogo" alt=""></div>
        <p><span class="companyName linkBox" @click="toIndex">尤优家具 </span>是集设计研发、生产、销售为一体的家具企业，公司产品种类繁多，有办公家具、酒店家具、全屋定制、玻璃隔断、养老、银行、学校、实验、竹制、车间定制家具等多个系列，包含车间工作台、工具柜、不锈钢制品等系列；经过公司全体同仁的不邂努力，在长三角地区有多家内外资企业和行政事业单位与苏州公司建立了良好的供求合作关系；我们采用流行的敞开式办公理念，致力为各类客户在办公环境方面塑造良好的企业办公空间形象。。。</p>
        <p>公司成立于2008年，在广东和苏州均设立生产基地，投资六千多万元，引进国外生产设备，拥有四万多平方米的生产厂房，规模宏大、实力雄厚。为追求成功企业营造一个舒适有序、高雅愉悦的办公空间。公司对家具用料考究，结合功能性及人体工学设计，辅以进口生产设备，为您提供质优价优的高性价比全系列家具，倡导及执行一站式家具服务理念，为您从前期规划设计-修改调整设计方案-签约-送货安装-售后，整体一站式到位。</p>
        <p>精良的制作、完善的质量保证体系和及时的售后服务是我们对每一个客户的承诺，用我们全心细致的工作换取您舒适高雅的办公环境。</p>
      </div>
    </div>
    <div class="mapContent">
      <div class="mapBox" id="mapBox"></div>
      <div class="detailBox">
        <p>公司全称：苏州尤优家具有限公司</p>
        <p>地址：<a href="http://api.map.baidu.com/marker?location=31.250186,120.651979&title=苏州尤优家具有限公司&content=苏州吴中经济开发区天灵路25号&output=html&src=webapp.baidu.openAPIdemo" target="_black">苏州吴中经济开发区天灵路25号</a></p>
        <p>电话：<a href="tel:0512-61267752">0512-61267752</a></p>
        <p>总机：<a href="tel:0512-82273121">0512-82273121</a></p>
        <p>传真：<a href="tel:0512-61267752">0512-82273123</a></p>
        <p>本站地址：<a href="http://www.uu-furniture.com" target="_black" >www.uu-furniture.com</a></p>
        <p>邮箱：<a href="email:tcb@uu-furniture.com.cn">tcb@uu-furniture.com.cn</a></p>
      </div>
    </div>
  </div>
</template>

<script>
import { bigLogo, aboutIcon } from '@/assets/js/img.js'
import aMap from '../../utils/aMap'
import { mapGetters } from 'vuex'

export default {
  data () {
    return {
      bigLogo,
      aboutIcon
    }
  },
  computed: {
    ...mapGetters([
      'mapInit'
    ])
  },
  watch: {
    mapInit (val) {
      if (val) {
        this.initMap()
      }
    }
  },
  mounted () {
    if (this.mapInit) {
      this.initMap()
    }
  },
  methods: {
    initMap () {
      const location = { latitude: 31.250186, longitude: 120.651979 }
      aMap.initView('mapBox', location)
      aMap.addDefaultMarker(location)
      aMap.addLabel(location, '苏州尤优家具有限公司')
    },
    toIndex () {
      this.$router.push({
        path: '/show/index'
      })
    }
  }
}
</script>

<style lang="less" scoped>
.about {
  .aboutIcon {
    margin-bottom: 10px;
  }
  .companyDesc {
    display: flex;
    // .leftImg {
    //   width: 170px;
    //   img {
    //     height: 50px;
    //   }
    // }
    .descContent {
      margin-bottom: 20px;
      flex: 1;
      .logoBox {
        width: 300px;
        float: right;
        clear: both;
      }
      p {
        text-indent: 32px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
      }
      .companyName {
        color: red;
      }
    }
  }
  .mapContent {
    display: flex;
    margin-bottom: 30px;
    height: 300px;
    .mapBox {
      height: 300px;
      width: 700px;
    }
    .detailBox {
      flex: 1;
      padding-left: 26px;
      p {
        line-height: 30px;
        a {
          color: rgb(0, 0, 238) !important;
          // text-decoration: none;
        }
      }
    }
  }
}
.iw_poi_title {
  color: #CC5522;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  padding-right: 13px;
  white-space: nowrap
}

.iw_poi_content {
  font: 12px arial, sans-serif;
  overflow: visible;
  padding-top: 4px;
  white-space: -moz-pre-wrap;
  word-wrap: break-word
}
</style>
